<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			html,body{
				font-size: 20px;
			}
			.baba{
				font-size: 30px;
			}
			.son{
				font-size: 10em;
			}
			/*
			em的特点
			1.根据最近的祖先设置的font-size乘上自身的倍数得到的字体大小
			2.如果祖先元素没有设置font-size，那么就使用默认的16px作为基数
			3.相对于rem，他比较灵活，难以控制
			4.IE6以上支持
			 */
		</style>
	</head>
	<body>
		<div class="baba">
			<div class="son">
				monday is diff
			</div>
		</div>
	</body>
</html>
